<template>
  <div class="activity-wrap">
      <div class="title">{{info.activityName}}</div>
      <div class="date">{{info.gmtCreated}}</div>
      <div class="content" v-html="info.detail"></div>
  </div>
</template>

<script>
import { XTextarea } from 'vux'
let CONSTANT = require('../../../wechat/static/constant/constant.js'),
    common = require("../../../wechat/static/common/common.js"),
    wsService = require("../../../wechat/static/common/wechat-jsdk.js");
export default {
  components: {
      XTextarea
  },
  data () {
    return {
        value:'',
        takeoutId:'',
        info:''
    }
  },
  mounted(){
    this.takeoutId = this.$router.currentRoute.query.id;
    this.getActivity()
  },
  methods:{
      getActivity(){
        let  url = CONSTANT.URL.ACTIVITY.ACTIVITYDETAIL,
            param = {id:this.takeoutId}
        common.requestAjax(url,{},param,(res)=>{
            if(res.status == 200){
                this.loading = true;
                let data = res.data.bussData;
                this.info = data;
            }
        })
      },
  },
}
</script>

<style lang="scss">
 .activity-wrap{
     .title{
         text-align: center;
         font-size: .38rem;
         color: #111;
         margin: .3rem 0 .1rem;
     }
     .date{
         text-align: center;
         font-size: .24rem;
         color: #999;
     }
     .content{
         font-size: 14px;
         padding:  10px;
     }
     img,video,audio{
         max-width: 100%;
     }
 }
</style>
